<!DOCTYPE html>
<html>
<head>
<meta name="color-scheme" content="light dark">
<script>
testRunner.waitUntilDone();
</script>
<script src='../../../../fast/forms/resources/picker-common.js'></script>
</head>
<body>
<input type='color' id='color' value='#ff0000' list='many'>
<datalist id='many'>
    <option>#000000</option>
    <option>#070707</option>
    <option>#0e0e0e</option>
    <option>#151515</option>
    <option>#1d1d1d</option>
    <option>#242424</option>
    <option>#2b2b2b</option>
    <option>#333333</option>
    <option>#3a3a3a</option>
    <option>#414141</option>
    <option>#484848</option>
    <option>#505050</option>
    <option>#575757</option>
    <option>#5e5e5e</option>
    <option>#666666</option>
    <option>#6d6d6d</option>
    <option>#747474</option>
    <option>#7b7b7b</option>
    <option>#838383</option>
    <option>#8a8a8a</option>
    <option>#919191</option>
    <option>#999999</option>
    <option>#a0a0a0</option>
    <option>#a7a7a7</option>
    <option>#aeaeae</option>
    <option>#b6b6b6</option>
    <option>#bdbdbd</option>
    <option>#c4c4c4</option>
    <option>#cccccc</option>
    <option>#d3d3d3</option>
    <option>#dadada</option>
    <option>#e1e1e1</option>
    <option>#e9e9e9</option>
    <option>#f0f0f0</option>
    <option>#f7f7f7</option>
    <option>#ffffff</option>
</datalist>
<script>
openPickerAppearanceOnly(document.getElementById('color'), () => testRunner.notifyDone());
</script>
</body>
</html>
